

<style lang="less">
.top_head{
	padding: 40rpx 30rpx 20rpx;
	border-bottom: 1px solid #EDEDED;
	background: #fff;
	&>i{
		font-size: 35rpx;
	}
	&>view{
		font-size: 28rpx;
		position: relative;
	}
	&>.clear_all{
		color: #5ab3ff;
		font-size: 25rpx;
	}
}
.box_list{
	background: #fff;
	.list_item{
		padding: 30rpx 30rpx 0;
		border-bottom: 1px solid #EDEDED;
			.tx{
				width: 70rpx;
				height: 70rpx;
				margin: 0 15rpx 0 0;
				border-radius: 50%;
				align-self: flex-start;
			}
			.item_right{
				display: flex;
				flex-direction: column;
				flex: 1;
			}
		.item_top{
			.name{
				font-size: 28rpx;
				color:#5ab3ff;
			}
			.time{
				font-size: 22rpx;
				color: #999;
			}
		}
		.content{
			font-size: 28rpx;
			margin: 10rpx 0;
		}
		.lianjie{
			padding: 10rpx;
			width: 100%;
			background: #EDEDED;
			box-sizing: border-box;
			margin: 0 0 20rpx;
			&>image{
				width: 100rpx;
				height: 85rpx;
				flex-shrink: 0;
			}
			&>view{
				overflow: hidden;
				display: -webkit-box;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;  /*要显示的行数*/
				-webkit-box-orient: vertical;
				font-size:12px;
				width: 80%;
				margin: 0 0 0 12rpx;
			}
		}
	}
}
</style>
<template>
	<view style="min-height: 100vh;background: #F2F2F2;">
			<view class="" :style="'height:' + statusBarHeight +'px'" ></view>
			<view class="top_head flex_r_between">
				<i class='iconfont icon-zuo' @click='navBack'></i>
				<view class="flex_v_venter">
					我的评论
				</view>
				<view class="clear_all">
					清空
				</view>
			</view>
			<view class="box_list">
				<view class="list_item " v-for="item in 3" :key='item'>
					<view class="flex_v_venter">
						<image class="tx" src="../../static/img/cat.jpg" mode=""></image>
						<view class="item_right">
							<view class="item_top ">
								<view class="name">
									趣友1546541
								</view>
								<view class="time">
									2020-08-05 06:57:55
								</view>
							</view>
							<view class="content">
								哈哈哈哈
							</view>
							<view class="lianjie flex_v_venter">
								<image src="../../static/img/cat.jpg" mode=""></image>
								<view class="">
									哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或哈哈哈哈哈哈哈哈哈哈或或或或或或或或或或或或或或或或或或或或或或或或或
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			navBack() {
				uni.navigateBack()
			}
		}
	}
</script>
